body {
    font-weight: 400;
    padding-top: 70px;
    background: #e5e5e5;
}

.navbar {
    border-width: thin;
    -webkit-transition: .2s;
    background-color: white;
    border-bottom: 1px solid #e0e0e0;
    background-color: white;
}

.navbar a {
    color: black;
    font-size: 16px;
    padding: 10px 5px !important;
    margin: 0 30px;
}

.navbar a:hover {
    text-decoration: underline;
}

.navbar-brand {
    height: 60px;
    overflow: hidden;
}

.navbar-fixed-top .navbar-collapse {
    max-height: 440px;
}

.navbar-fixed-top .nav {
    padding: 15px 60px;
}

.nav > li > a:hover {
    background-color: transparent;
    color: #ea232b;
    -webkit-transition: .2s;
}

.navbar-toggle > .white-icon-bar {
    background-color: black;
}

.navbar-header .icon-bar {
    background-color: black;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.main-content {
    overflow: hidden;
    /*max-width: 1440px;*/
    margin: 0 auto;
}

.product__content{
    max-width: 1440px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

.footer-contact {
    background: #979797;
    padding: 40px 100px;
}

.footer-contact .contact-title {
    color: #fff;
    line-height: 30px;
    font-size: 18px;
    padding-bottom: 35px;
}

.footer-contact .contact-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-contact .contact-list li, .footer-contact .contact-address {
    line-height: 26px;
    font-size: 14px;
    color: #d7dee0;
}

.contact-qrcode, .qrcode-text {
    width: 210px;
    text-align: center;
}

.contact-qrcode img {
    width: 100%;
}

.qrcode-text {
    margin: 10px 0;
    color: #d7dee0;
    width: 100%;
}

.footer {
    width: 100%;
    background: #a1abae;
    overflow: hidden;
    height: auto;
    padding: 20px 0 10px 0;
}

.footer div {
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    color: #454545;
}

.footer a, .footer a:hover, .footer a:link, .footer a:active {
    color: #454545;

}

/**home**/
.home-carousel img {
    width: 100%;
}

.brand-slogan {
    text-align: center;
    padding: 0 15px;
}

.brand-slogan dt {
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 24px;
    color: #444;
    margin: 30px 0;
}

.brand-slogan dd {
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #555;
}

.brand-advantage {
    text-align: center;
}

.brand-advantage .brand-title {
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 24px;
    color: #444;
    margin: 30px 0;
}

.brand-advantage > .row {
    margin-bottom: 30px;
}

.brand-advantage dt {
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 18px;
    color: #555;
}

.brand-advantage dd {
    line-height: 25px;
    text-align: center;
    font-size: 14px;
    color: #555;
}

.brand-advantage dd.prominent {
    color: #ea232b;
    padding: 4px 0 13px 0;
}

.service-project {
    background: #a1abae;
    text-align: center;
    overflow: hidden;
}

.service-project .service-title {
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 24px;
    color: #444;
    margin-top: 30px;
}

.service-project .service-subtitle {
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    color: #555;
    margin-bottom: 20px;
}

.service-project .service-item {
    padding: 40px 0;
    color: #5c5c5c;
    height: auto;
    overflow: hidden;
}

.service-project .service-item .service-item__icon .iconfont {
    font-size: 80px;
    height: 80px;
    width: 80px;
    border: solid 1px #5c5c5c;
    border-radius: 100%;
    padding: 20px;
    color: #5c5c5c;
}

.service-project .service-item .service-item__title {
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    margin-top: 10px;
}

.service-project .service-item .service-item__desc {
    width: 100%;
    height: auto;
    line-height: 25px;
    text-align: center;
    font-size: 14px;
}

.service-project .service-item .service-item__line {
    background: #5c5c5c;
    height: 2px;
    width: 12%;
    margin: 30px auto;
}

/**
products
 */
.produc-tlist__nav {
    height: 30px;
    line-height: 30px;
    padding: 40px 5px 50px 5px;
    margin: 0 auto;
    width: calc(100% - 155px) !important;
}

.produc-tlist__nav div {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #5c5c5c;
}

.product-category {
    text-align: center;
    padding-bottom: 45px;
}

.product-category a, .product-category a:hover, .product-category a:active, .product-category a:link {
    font-size: 18px;
    color: #1c0c0d;
    width: auto;
    height: 35px;
    line-height: 35px;
    margin: 0 30px;
    display: inline-block;
    letter-spacing: 2px;
    text-decoration: none;
}

.product-category a.active {
    border-bottom: solid 1px #ea232b;
}

.product-list {
    width: calc(100% - 100px) !important;
    margin: 0 auto !important;
    padding-bottom: 15px;
}

.product-list ul, .product-list ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.product-list ul li {
    background: #fff;
    width: 404px;
    margin: 15px calc((33.33333333% - 404px) / 2);
}

.product-list ul li .product-item {
    padding: 0 45px;
    padding-bottom: 20px;
}

.product-list .product-name {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #555;
    overflow: hidden;
    margin: 22px 0 13px 0;
}

.product-list .product-desc {
    width: 100%;
    height: 100px;
    overflow: hidden;
    font-size: 14px;
    line-height: 33px;
    color: #484848;
    margin: 17px 0 55px 0;
}

.product-list .product-more {
    width: 100%;
    height: 20px;
    line-height: 20px;
    color: #c7c7c7;
    margin: 0;
}

.product-list .product-more .more-text {
    padding: 0;
    margin: 0;
}


.product-list .product-more a, .product-list .product-more a:hover, .product-list .product-more a:active, .product-list .product-more a:link {
    color: #c7c7c7;
    text-decoration: none;
}

.product-list .product-more .icon {
    padding: 0;
    margin: 0;
    text-align: right;
}

/**
Contact
 */
#contactMap {
    height: 400px;
    width: 100%;
}

.contact__item {
    text-align: center;
    margin: 60px 0;
}

.contact__item ul,
.contact__item ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.contact__item--icon {
    height: 100px;
    width: 100px;
    border-radius: 100%;
    background: #ea232b;
    text-align: center;
    line-height: 100px;
    overflow: hidden;
    margin: 15px auto;
}

.contact__item--icon .contact__item--bg {
    height: 60px;
    width: 60px;
    line-height: 60px;
    background: #fff;
    border-radius: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
}

.contact__item--icon .contact__item--bg .iconfont {
    font-size: 30px;
    color: #ea232b;
}

.contact__item--icon .iconfont {

}

.contact__item--text dt {
    font-size: 20px;
}

.contact__item--text dd {
    color: #666;
    margin: 5px 0;
}

@media (min-width: 768px) {

    .container {
        margin-left: 10px;
        margin-right: 10px;
        width: calc(100% - 20px);
    }

    .navbar-toggle {
        margin-top: 20px;
    }

    .container * {
        scroll-margin-top: 3em;
    }

    .navbar-right {
        margin-right: 10px;
    }

    .container * {
        scroll-margin-top: 3em;
    }
}

@media (max-width: 768px) {
    .navbar-fixed-top .nav {
        padding: 15px 16px;
    }

    .navbar-toggle {
        padding-top: 10px;
    }

    .footer-contact {
        padding: 40px 20px;
    }

    .footer-contact .contact-title {
        margin-top: 10px;
        padding-bottom: 0;
    }

    .contact-qrcode {
        margin-top: 15px;
    }

    .contact-qrcode {
        width: 120px;
    }

    .contact-qrcode, .qrcode-text {
        width: 100%;
    }

    .contact-qrcode img {
        width: 80%;
    }

    .produc-tlist__nav {
        margin: 0 !important;
        padding: 20px 0 !important;
        width: 100% !important;
        overflow: hidden;
        height: auto;
    }

    .produc-tlist__nav div {
        padding: 0 15px;
    }

    .product-category a {
        margin: 0 5px;
    }

    .product-list {
        width: 100% !important;
    }

    .product-list ul li {
        margin: 15px 0 !important;
        width: 100%;
    }

    .product-list ul li .product-img img {
        width: 100% !important;
    }
}

@media (max-width: 992px) {
    .navbar-brand {
    }

    .navbar a {
        margin: 0;
    }
}

@media (max-width: 1024px) {
    .navbar-brand {
    }

    .navbar a {
        margin: 0;
    }
}